@import "../global-connect";

.ex-document-management {

  .content {
    padding: 3px 0 3px 3px;

    .tool-trash {
      margin-bottom: 6px;
    }

    .ux_table-doc {
      overflow-y: scroll;
    }

    .button {
      button {
        margin-right: 12px;
      }

      .keyword {
        float: right;
        margin-right: 16px;
        padding-top: 3px;
      }
    }

    .search {
      text-align: right;
    }

    .navigation {
      line-height: 40px;
      height: 40px;

      .ant-breadcrumb {
        line-height: 40px;
        height: 40px;
      }

      .ant-divider {
        height: 18px;
      }
    }

    .ant-table {
      td {
        padding-top: 4px;
        padding-bottom: 8px;
      }

      .cell-icon {
        img {
          width: 36px;
          height: 36px;
        }

        label {
          margin-left: 8px;
          margin-top: 4px;
          display: inline-block;
          height: 36px;
          line-height: 36px;
          vertical-align: bottom;

          &:hover {
            cursor: text;
          }
        }

        .name {

          &-hint {
            color: #B7B7B7;
            font-size: 12px;
          }

          &-title {
            margin-right: 3px;
          }
        }
      }
    }
  }

  .left {
    padding-right: 6px;

    .tree {
      background-color: #f2f2f2;

      .ant-card-body {
        overflow-y: auto;
        padding: 0 6px !important;
      }

      .ant-card-actions {
        .card-action {
          &:hover {
            cursor: pointer;
          }

          img {
            width: 21px;
            height: 21px;
            margin-right: 8px;
          }

          label {
            display: inline-block;
            line-height: 24px;
            height: 24px;

            &:hover {
              cursor: pointer;
            }
          }
        }

        .card-action-disabled {
          opacity: 0.5;

          &:hover {
            cursor: not-allowed;
          }

          img {
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=100) !important;
            -webkit-filter: grayscale(100%) !important;
          }
        }
      }

      i {
        svg {
          width: 16px;
          height: 16px;
        }
      }

      .ant-tree-title {
        color: #2b2b2b;
        margin-left: 8px;
      }

      .ant-tree-node-selected {
        .ant-tree-title {
          color: white;
        }
      }
    }
  }
}